<template>
  <header class="header">
     <div class="header-back">
       <router-link class="header-font" to="/" tag="span">
         <span class="iconfont">&#xe6a8;</span>
       </router-link>
       <span class="header-text">城市选择</span>
     </div>
  </header>
</template>

<script>
export default {
  name: 'CityHeader'
}
</script>

<style lang="stylus" scoped="scoped">
  .header
    background #00bcd4
    width 100%
    height 0.88rem
    line-height 0.88rem
    position fixed
    z-index 2
  .header-back
    width 0.88rem
    padding 0 0.1rem
    color white
    text-align center
    width 100%
  .header-font
    float left
    height 0.88rem
  .header-text
    font-size 0.32rem
</style>
